// 在页面或组件中导入
import validate from 'wechat-validate'
Page({
  // 通过 behaviors 注入 validate 方法
  behaviors: [validate],
  // 定义表单数据的验证规则
  rules: {
    mobile: [
      { required: true, message: '请填写手机号码!' },
      { pattern: /^1[3-8]\d{9}$/, message: '请检查手机号码是否正确!' },
    ],
    code: [
      { required: true, message: '请填写短信验证码!' },
      { pattern: /^\d{6}$/, message: '请检查短信验证码是否正确!' }
    ]
  },
  data: {
    mobile: '13232340608',
    code: '', // 验证码
    timeData: {},
    getCodeBtnVisible: true, // 获取验证码 是否可见
  },
  onLoad({ redirectURL }) {
    // 记下登录成功要返回的页面
    // console.log('从上一个页面传入的值是:', redirectURL)
    this.redirectURL = redirectURL
  },
  async getSMSCode() {
    // 1. 校验手机号
    const { valid, message } = this.validate('mobile')
    if (!valid) {
      wx.$toast(message)
      return
    }
    // 2. 请求验证码
    await wx.$http.get('/code', { mobile: this.data.mobile })
    wx.$toast('验证码已发送！')
    // console.log(valid, message)
    this.setData({ getCodeBtnVisible: false })
  },
  countDownChange(ev) {
    const d = ev.detail
    console.log(d)
    this.setData({
      timeData: d,
      getCodeBtnVisible: d.minutes === 0 && d.seconds === 0,
    })
  },
  async submitForm() {
    // const app = getApp() // 全局方法，可以获取小程序实例
    // app.setA();
    // console.log(app.a)
    // 1. 表单的整体校验：this.validate 是插件提供的功能
    const isAllValid = this.validate()
    if (!isAllValid)
      return
    // console.log(isAllValid)
    // 2. 调用接口做注册|登录
    const { mobile, code } = this.data
    const { token, refreshToken } = await wx.$http.post('/login', { mobile, code })
    // 3. 拿到了token，保存到本地
    const app = getApp()
    app.setToken('token', token)
    app.setToken('refreshToken', refreshToken)
    console.log(app)
    // 4. 页面跳转
    // url ?
    const url = this.redirectURL || '/pages/profile/index'
    wx.redirectTo({
      url,
    })
    // 鉴权： 有些页面只给登录用户访问
    // 例如：/pages/profile/index 就必须登录才访问！
    // 如何实现？
  }
})
